<template>
	<view>
		<view class="box" @click="onNav('/pages/aboutMy/index?title=用户协议&type=1')">
			<view style="display: flex;align-items: center;">
				<image src="../../static/set1.png" class="img"/>
				<view>
					用户协议
				</view>
			</view>
			<uni-icons type="right" size="15" color="#999"></uni-icons>
		</view>
		<view class="box" @click="onNav('/pages/aboutMy/index?title=隐私协议&type=2')">
			<view style="display: flex;align-items: center;">
				<image src="../../static/set2.png" class="img"/>
				<view>
					隐私协议
				</view>
			</view>
			<uni-icons type="right" size="15" color="#999"></uni-icons>
		</view>
		<view class="box" @click="onNav('/pages/account/index')">
			<view style="display: flex;align-items: center;">
				<image src="../../static/set3.png" class="img"/>
				<view>
					注销账号
				</view>
			</view>
			<uni-icons type="right" size="15" color="#999"></uni-icons>
		</view>
		<view class="box" @click="showModal = true">
			<view style="display: flex;align-items: center;">
				<image src="../../static/set4.png" class="img"/>
				<view>
					退出登录
				</view>
			</view>
			<uni-icons type="right" size="15" color="#999"></uni-icons>
		</view>
		<view class="modal" v-if="showModal">
			<view class="content">
				<view class="card">
					<view class="modal_title">
						<view class="text">系统提示</view>
						<uni-icons @click="showModal = false" type="closeempty" size="24"></uni-icons>
					</view>
					<view class="modal_content">
						确认退出车贷APP？
					</view>
					<view class="footer_btn">
						<view class="btn" @click="onQuit">确认退出</view>
						<view class="btn2" @click="showModal = false">取消</view>
					</view>
				</view>
		
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				showModal:false,
			}
		},
		created() {},
		methods: {
			onNav(url) {
				uni.navigateTo({
					url
				})
			},
			onQuit(){
				uni.clearStorage();
				uni.reLaunch({
					url:'/pages/login/index'
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	@import './index.less';
</style>